<template>
  <div class="main">
    <div class="content">
      <el-row>
        <el-col :span="24">
          <div>
            <HomeNotice ref="notice" />
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <div>
            <HomeActivity ref="activity" />
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <div>
            <HomeUnion ref="union" />
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <div>
            <HomeCommunity ref="community" />
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import HomeUnion from "@/views/dashboard/components/student/components/home-union/home-union.vue";
import HomeCommunity from "@/views/dashboard/components/student/components/home-community/home-community.vue";
import HomeActivity from "@/views/dashboard/components/student/components/home-activity/home-activity.vue";
import HomeNotice from "@/views/dashboard/components/student/components/home-notice/home-notice.vue";

//-----------组件变量-------------
const activity = ref();
const union = ref();
const community = ref();
const notice = ref();
</script>

<style scoped lang="scss">
.main {
  padding: 0 12%;
  background-color: #e9edf0;
}
</style>
